.projectProduct{ margin-left: -2%;overflow: hidden;}
.projectProduct dd{ float: left; width: 31.333%; margin-left: 2%; margin-top: 60px;}
.projectProduct dd a{ display: block; position: relative; border-bottom: 1px solid #ccc;}
.projectProduct dd a >p{margin: 10px 0; position: relative; padding-right: 65px;line-height:36px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; color: #404040;}
.projectProduct dd a >p span{ position: absolute; right: 0;top: 0; display: inline-block;*display: inline;*zoom: 1; padding-right: 26px;background: url(../images/more.png) no-repeat right center;color: #014099; font-size: 14px;}
.projectProduct dd a>b{ position: absolute; left: 0;bottom: -1px; height: 2px;width: 0;background: #014099;transition: 0.5s;-webkit-transition: 0.5s;}

/*成功案例*/
.successCase{ margin-left: -3%; padding-top: 60px; overflow: hidden;}
.successCase dd{ float: left;margin-left: 3%; width: 47%; margin-bottom: 3%; overflow: hidden;background: #f2f2f2;}
.successCase dd .popd{ position: relative;padding-left: 60%;height: 230px;}
.successCase dd .img{ position: absolute; left: 0;bottom: 0;width: 60%; height:100%;overflow: hidden;}
.successCase dd .img p{display: block;width: 100%;height: 100%;background-size: cover;transition: 0.4s;-webkit-transition: 0.4s;}
.successCase dd .rightTxt h5{background: #014099;font-weight:bold ;color: #fff; width: 105px;padding-left: 20px;line-height: 30px;}
.successCase dd .rightTxt .padd{ padding:15px 5px 0 20px; font-size: 13px;color: #666; line-height: 20px;}
.successCase dd .rightTxt{ padding-top: 30px;}
.successCase dd .rightTxt .txt{ padding-top: 10px;}
.successCase dd .rightTxt .time b{color: #404040;}

/*新闻列表*/
.newsDL dd{padding: 22px 0;border-bottom: 1px solid #ddd;}
.newsDL dd a{ display: block;position: relative;overflow: hidden; /*height: 146px;*/ padding-left: 20px;}
.newsDL dd .scaleImg{ /*position: absolute; left: 0;*/ width: 230px; /*height: 100%;*/ float: left; top:0;}
.newsDL dd .rightTxt{float: left; margin-left:20px}
.newsDL dd .rightTxt h2{color: #474747; font-weight: bold;font-size: 18px;line-height: 18px;padding-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsDL dd .rightTxt .time{color: #999;font-family: arial;font-size: 13px;line-height: 16px;}
.newsDL dd .rightTxt .time span{ display: inline-block; margin-left: 15px;}
.newsDL dd .rightTxt .txt{ line-height: 20px;height: 40px;overflow: hidden; font-size: 13px;color: #666;margin: 11px 0 22px 0;}
.newsDL dd .rightTxt .more{color:#fff;text-align: center;padding: 0 27px;line-height: 30px;font-size: 12px;background: #999;display: inline-block;transition: 0.3s;-webkit-transition: 0.3s;}
.newsDL dd .rightTxt .more img{ position: relative;top: -1px;margin-left: 5px;}
.newsDL dd .rightTxt .more:hover{background:#014099 ;}
.newsCenter .fl{ width: 98%; /*border-right: 1px solid #ededed; */padding-right: 2%;}
.newsCenter .fr{ width: 24%; margin-top: 2%;font-size: 14px; color: #404040;}
.secrchIpu input{border: none;background:transparent;width:100%;line-height: 20px;height: 20px;padding: 7px 0;}
.secrchIpu{position: relative;background: #e6e6e6; padding: 0 40px 0 10px;/*border: 1px solid #014099;*/}
.secrchIpu .suosuo{ position: absolute; right: 0;top: 0; width: 40px;height: 100%;background: #014099 url(../images/ss.png) no-repeat center;}
.secrchIpu .suosuo:hover{background-color: #AE1425;}
.newsCenter .fr .h1{margin-top: 20px; color: #fff;font-size: 27px;padding:110px 0 20px 20px ;line-height: 27px;background: url(../images/hot.jpg) no-repeat center;background-size: cover;}
.hotUL li{line-height: 44px; position: relative;padding-left: 18px;background: url(../images/o.png) no-repeat left center; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-bottom: 1px dotted #dcdcdc;}
.hotUL li a:hover{ color: #014099;text-decoration: underline;}
/*新闻详情*/
.wenzhang .you {padding-bottom: 20px;padding-top: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.wenzhang .syb {color: #005bac;font-size: 16px;padding-top: 20px;}
.wenzhang .lff {float: left;text-align: left;width: 50%;position: relative;}
.wenzhang .rff {float: right;text-align: right;width: 50%;position: relative;}
.wenzhang .lff .zuo {border-top: 1px solid #d1d1d1;border-bottom: 1px solid #d1d1d1;}
.wenzhang .rff .zuo {border-left: 1px solid #d1d1d1;border-top: 1px solid #d1d1d1;border-bottom: 1px solid #d1d1d1;}
.wenzhang p a {color: #666;}
.wenzhang p a:hover {color: #005bac;text-decoration: underline;}
.wenzhang { margin-top: 30px;}
.newDetails .newsTit{text-align: center;font-size: 24px;}
.newDetails{ padding-top: 40px; font-size: 14px;}
.bianjiTxt{line-height:1.8em;}
.returnGo{ text-align: right; padding: 30px 0; font-size: 13px;}
.returnGo a{ display: inline-block;*display: inline;*zoom: 1;color: #fff;line-height: 24px;padding: 0 15px;background: #005bac;}
.returnGo a:hover{background: #AE1425;}
.shareDate{ text-align: center; line-height: 25px; margin: 20px 0; height: 25px;overflow: hidden;}
.shareDate .date{position: relative; margin-right: 70px; top: -25px; display: inline-block;*display: inline;*zoom: 1;padding-left: 25px;background: url(../images/date.png) no-repeat left center; font-family: arial;color: #a4a4a4;}
.shareDate .bdsharebuttonbox{ display: inline-block;*display: inline;*zoom: 1; }
.shareDate .bdshare-button-style1-16 .bds_more{background: url(../images/fx.png) no-repeat center !important; margin: 0 !important; padding: 0 !important; width: 25px;height: 25px;}
.bianjiTxt img{ max-width: 100%;}


/*加盟优势*/
.join{ padding-bottom: 80px;background-size: cover !important;}
.youshi{ position: relative; margin-top: 25px;}
.youshi .img{ position: absolute; left: 0; top: 50px; width: 258px;}
.youshi .img img{ width: 100%;}
.youshi .right{ float: right; width: 720px;}
.sevenDL{ margin-left: -1.5%;}
.sevenDL .dd{ float: left; width: 23.5%; margin-left: 1.5%;margin-bottom:1.5%;padding: 37px 0 22px 0 ;background: #014099;}
.sevenDL .dd .txt{text-align: center; height: 44px;line-height: 22px;padding: 65px 5px 0 5px;color: #fff;font-size: 14px;}
.sevenDL .dd.dd1{ margin-left: 14%;}
.sevenDL .dd1{background: #014099;}
.sevenDL .dd2{background: #0052c7;}
.sevenDL .dd3{background: #2775e4;}
.sevenDL .dd4{background: #1456b3;}
.sevenDL .dd5{background: #0052c7;}
.sevenDL .dd6{background: #6999dc;}
.sevenDL .dd7{background: #1456b3;}

/*加盟条件*/
.change{background-size: cover  !important; padding-bottom: 60px;}
.change .publicHn >p{ color: #fff;}
.change .floatRight{margin-top: 20px; margin-right: 30px; float: right; width: 610px; background: url(../images/tjj.png) no-repeat center;background-size: contain;}
.change .floatRight .padding{ padding: 25px 25px 25px 70px; color: #fff;}
.change .floatRight .padding>p{line-height: 24px; padding-bottom: 12px; padding-left: 18px;background: url(../images/tj.png) no-repeat left 8px;}

/*我要加盟*/
.iwantTo{ padding-bottom: 80px;background-size: cover !important;}
.formJoin .fl{ width: 50%;}
.formJoin .fr{ width: 47.7%;}
.nameDiv .name{ float: left; width: 48%;}
.nameDiv .sexy{ float: right; width: 48%;}
.inputDiv input{ width: 100%;background: transparent; border: none; height: 20px;line-height: 20px;padding: 18px 0; position: relative;z-index: 2;}
.inputDiv { position: relative; padding-left: 16px; background: url(../images/wybg.png) repeat;}
.inputDiv span{ position: absolute; left: 15px;top: 0;line-height: 20px;padding: 18px 0;color: #767676; transition: 0.5s;-webkit-transition: 0.5s;}
.inputDiv.on span{top: -40px; color: #014099; font-size: 14px;}
.inputDiv.active span{color: #AE1425;}
.marginBt{ margin-bottom: 25px;}
.textarea textarea{ width: 100%; height: 188px;border: none;background: transparent;}
.textarea{background: url(../images/wybg.png) repeat; padding: 15px;}
.submit{ text-align: center;}
.submit input{border: none;background: #014099;color: #fff; width: 200px;text-align: center;line-height: 40px; cursor: pointer; transition: 0.3s;}
.submit input:hover{background: #AE1425;}

/*服务流程*/
.service_1 .img img{ width: 100%;}
.service_2{ padding-bottom: 175px;background: url(../images/cnbg.jpg) no-repeat center;background-size: cover !important;}
.service_2 .h1{ font-size: 14px; color: #404040; padding-bottom: 40px;}
.chengnuoUL li{position: relative; padding:15px 0 15px 100px; line-height: 28px; border-bottom: 1px dashed #e4e4e4;}
.chengnuoUL li span{line-height: 18px; position: absolute; left: 0; top: 21px;color: #404040;font-weight: bold; padding-left: 17px;background: url(../images/ddd1.png) no-repeat left center;}
.service_3{ font-size: 18px; padding-bottom: 80px;background: url(../images/xzbg.jpg) no-repeat center center;background-size: cover;}
.service_3 .h1{ color: #808080;padding-bottom: 20px;}
.service_3 .table{ width: 100%;}
.service_3 .table tr td{text-align: center; height: 63px; line-height: 24px;color: #404040; width: 25%; border: 1px solid #808080;}
.payAttention p{font-size: 14px; position: relative;padding: 8px 0; padding-left: 30px;background: url(../images/ddd2.png) no-repeat 12px 15px; line-height: 24px;}
.payAttention p:nth-child(odd){background-color: #f7f7f7;}
.payAttention p:nth-child(even){background-color: #ededed;}
.service_4{ padding-bottom: 80px;}

.wenzhangGG{ text-align: center; padding: 35px 0 45px 0;}
.wenzhangGG a{font-size: 14px; display: inline-block; width: 75px;line-height: 30px;height: 30px;color: #fff; margin: 0 5px; background: #888;}
.wenzhangGG a.gogo{background: #014099;}
.wenzhangGG a:hover{background: #AE1425;}
@media only screen and (max-width:1400px ) {
	.successCase{ padding-top: 35px;}
}

@media only screen and (max-width:1200px ) {
	.youshi .right{ width: 75%;}
	.youshi .img{ width: 200px;}
}

@media only screen and (min-width:960px ) {
	.projectProduct dd a:hover>b{ width: 100%;}
	.projectProduct dd a:hover{transform: translate(0,-20px);-webkit-transform: translate(0,-20px);}
    .successCase dd .img:hover p{transform: scale(1.1);-webkit-transform: scale(1.1);}
    .sevenDL .dd{transition: 0.5s;-webkit-transition: 0.5s;transform: translate(0,100px) scale(0,1);-webkit-transform: translate(0,100px) scale(0,1);}
    .successCase dd{transition: 0.5s;-webkit-transition: 0.5s;transform: translate(100px,100px) scale(1,1);-webkit-transform: translate(100px,100px) scale(1,1);opacity: 0;-webkit-opacity: 0;}
    .projectProduct dd{transition: 0.5s;-webkit-transition: 0.5s;transform: translate(-100px,100px) scale(1,1);-webkit-transform: translate(-100px,100px) scale(1,1);opacity: 0;-webkit-opacity: 0;}
    .sevenDL .dd.on,.successCase dd.on,.projectProduct dd.on{transform: translate(0,0px) scale(1,1);-webkit-transform: translate(0,0px) scale(1,1);opacity: 1;-webkit-opacity: 1;}
    
}
@media only screen and (max-width:960px) {
	.successCase dd .popd{ height: 180px;}
	.successCase dd .rightTxt{ padding-top: 0;}
	.successCase dd .popd{ padding: 0px 0 0 10px; padding-left: 50%;}
	.successCase dd .img{ width: 50%;}
	.successCase dd .rightTxt .padd{padding: 10px 5px 0 10px;}
	.successCase dd .rightTxt h5{ padding-left: 10px;}
	.successCase{ padding-top: 30px;}
	.newsCenter .fr .h1{padding: 20px 10px; font-size: 22px; text-align: center;}
	.youshi .right{ width: 100%;}
	.sevenDL .dd.dd1{ margin-left: 26.5%;}
	.youshi .img{ top: 0; width: 24%;}
	.change .floatRight{ float: none; margin: auto;}
}



@media only screen and (max-width:640px ) {
	.projectProduct dd{ width: 48%; margin-top: 2%;}
	.projectProduct dd a >p{ font-size: 14px; margin: 0;}
	.successCase{ margin-left: 0;}
	.successCase dd{ width: 100%; margin-left: 0;}
	.successCase{ padding-top: 3%;}
	.newsCenter .fr,.newsCenter .fl{ width: 100%;padding: 0;float: none;}
	.newsCenter .fr .h1,.hotUL{ display: none;}
	.newDetails .newsTit{ font-size: 20px;}
	.newDetails{ padding-top: 3%;}
	.wenzhang .lff,.wenzhang .rff{ width: 100%;}
	.wenzhang .rff .zuo{border-top: none;border-left: none;}
	.wenzhang .rff{ text-align: left;}
	.wenzhang .syb{padding: 0; position: absolute; left: 0;top: 0;}
	.wenzhang .you{padding: 0;}
	.wenzhang  .zuo{position: relative; line-height: 36px; padding-left: 55px;}
	.shareDate{margin: 10px 0;}
	.sevenDL .dd{ width: 31.833%;padding: 20px 0 22px 0;}
	.sevenDL .dd.dd1{ margin-left: 34.82%;}
	.youshi .img{ width: 31.333%;}
	.sevenDL .dd .txt{ font-size: 12px; line-height: 18px;}
	.join{ padding-bottom: 6%;}
	.change .floatRight{ width: 100%; background: transparent}
	.change .floatRight .padding{ padding: 0;}
	.change{ padding-bottom: 4%;}
	.change .floatRight .padding>p{ font-size:14px; padding-bottom: 8px;}
	.inputDiv input{ padding: 8px 0; font-size:14px;}
	.inputDiv span{ padding: 8px 0;font-size:14px;}
	.inputDiv.on span{font-size: 12px; top: -30px;}
	.formJoin .fr{ width: 100%;}
	.formJoin .fl{ width: 100%;}
	.submit{ margin-top: 25px;}
	.iwantTo{ padding-bottom: 4%;}
	.textarea textarea{ font-size: 14px; height: 88px;}
	.inputDiv{ padding-left: 10px;}
	.textarea{ padding: 10px;}
	.inputDiv span{ left: 10px;}
	.service_1 .publicHn{ padding-bottom: 0;}
	.service_1 .publicHn span{font-size: 12px; margin-top: 5px;}
	
	.chengnuoUL{ font-size: 14px;}
	.chengnuoUL li{ line-height: 24px; padding-left: 90px;}
	.service_2 .h1{ padding-bottom: 10px;}
	.chengnuoUL li span{ font-size: 16px; top: 19px; padding-left: 12px;}
	.service_3{ font-size: 14px; padding-bottom: 4%;}
	.service_4{ padding-bottom: 4%;}
	
}

@media only screen and (max-width:480px ) {
	.successCase dd .rightTxt h5{ position: absolute; left: 0;bottom: 0;width: 50%;text-align: center;padding: 0; font-weight: normal; font-size: 15px;background: rgba(0,0,0,0.7);}
    .successCase dd .rightTxt .padd{ padding: 15px;}
    .newsDL dd .scaleImg{ width: 155px;}
    .newsDL dd a{ padding-left: 165px;}
    .newsDL dd .rightTxt h2{ font-size: 15px; padding-bottom: 0px;}
    .newsDL dd .rightTxt .time{ font-size: 12px;}
    .newsDL dd .rightTxt .time span{ display: none;}
    .newsDL dd .rightTxt .txt{ margin: 3px 0; font-size: 12px; line-height: 18px;height: 36px;}
    .newsDL dd .rightTxt .more{ font-size: 12px;line-height: 22px;padding: 0 15px;}
    .newsDL dd a{ height: auto;}
    .newsDL dd{ padding: 15px 0;}
    .youshi .img{top: 5%;}
    .youshi{ margin-top: 0;}
    .join{ padding-bottom: 3%;}
}